<template>
  <div class="app-main">
      <left-aside></left-aside>
      <app-main></app-main>
  </div>
</template>

<script>
import leftAside from '@/components/aside'
import appMain from '@/components/appMain'
export default {
  name: 'AppMain',
  components:{
    leftAside,
    appMain
  },
  computed: {
    key() {
      return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
    }
  }
}
</script>
<style scoped>

  .app-main{
    width:100vw;
    height: 100vh;
    display: flex;
    flex-flow:row nowrap;
    justify-content: center;
    align-items: flex-start;
  }
  
</style>

